<!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7 no-js" lang="en-US">
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8 no-js" lang="en-US">
<![endif]-->
<!--[if !(IE 7) | !(IE 8)  ]><!-->
<html lang="en" class="no-js" xmlns:th="http://www.thymeleaf.org">

<head>
    <title>用户详情</title>
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">
    <link rel="profile" href="#">

    <!--Google Font-->
    <link rel="stylesheet" href='/movie/css/google-font-css.css'/>
    <!-- Mobile specific meta -->
    <meta name=viewport content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone-no">

    <!-- CSS files -->
    <link rel="stylesheet" href="/movie/css/plugins.css">
    <link rel="stylesheet" href="/movie/css/style.css">
</head>
<style>
    a {
        cursor: pointer;
    }
</style>
<body>
<!--preloading-->
<div id="preloader">
    <img class="logo" src="/movie/images/logo1.png" alt="" width="119" height="58">
    <div id="status">
        <span></span>
        <span></span>
    </div>
</div>
<!--end of preloading-->
<div id="movie-header"></div>

<div class="hero user-hero">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="hero-ct">
                    <h1>用户详情</h1>
                    <ul class="breadcumb">
                        <li class="active"><a href="/">首页</a></li>
                        <li><span class="ion-ios-arrow-right"></span>信息</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="page-single">
    <div class="container">
        <div class="row ipad-width">
            <div class="col-md-3 col-sm-12 col-xs-12">
                <div class="user-information">
                    <div class="user-img">
                        <a href="#"><img src="/movie/images/uploads/user-img.png" alt=""><br></a>
                        <a href="#" class="redbtn" th:text="${user.nickname}">Change avatar</a>
                    </div>
                    <div class="user-fav">
                        <p>用户详情</p>
                        <ul>
                            <li class="active"><a onclick="loadUserFragment('/user/detail');setUserFragmentActive(0);">详细资料</a>
                            </li>
                            <li>
                                <a onclick="loadUserFragment('/user/favorite/list',0);setUserFragmentActive(1);">喜欢的电影</a>
                            </li>
                            <li><a onclick="loadUserFragment('/user/rate/list',0);setUserFragmentActive(2);">评分记录</a>
                            </li>
                        </ul>
                    </div>
                    <div class="user-fav">
                        <p>其他</p>
                        <ul>
                            <li><a onclick="logout()">退出登录</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div id="user-fragment"></div>
        </div>
    </div>
</div>

</body>
</html>
<script src="/movie/js/jquery.js"></script>
<script src="/movie/js/plugins.js"></script>
<script src="/movie/js/plugins2.js"></script>
<script src="/movie/js/custom.js"></script>
<script src="/movie/js/movie.js"></script>
<script src="/movie/js/do.js"></script>
<script src="/assets/js/md5.js"></script>
<script src="/login/js/login.js"></script>
<script th:inline="javascript" type="text/javascript" xmlns:th="http://www.w3.org/1999/xhtml">
    loadMovieHeader();
    loadMovieFooter();
    loadUserFragment("/user/detail");
</script>